<template>
	<view class="core">
		<!-- 顶部标题 -->
		<u-navbar>
			<view slot="left">
				<view @click="goBack" class="navbar-left">
					<u-icon name="arrow-left" size="20"></u-icon>
					<span style="font-size: 1rem;">预警详情</span>
				</view>
			</view>
		</u-navbar>

		<!-- 人员信息 -->
		<CorrectionDetailed :perid="perid" :worktype="worktype" />
		<!-- 预警详情 -->
		<CorrectionRecords :perid="perid" :worktype="worktype" />
		<!-- 处置流程 -->
		<CorrectionProcessflow :warnid="warnid" />

		<!-- 底部tabbar -->
		<tabBar :currentPagePath="this.$route.meta.pagePath"></tabBar>
	</view>
</template>

<script>
	import mixinTool from '@/common/mixin/mixin-tool.js'

	export default {
		mixins: [mixinTool],
		data() {
			return {
				perid: null,
				warnid: null,
				worktype: null,
			}
		},
		async onLoad(options) {
			this.perid = options.perid
			this.warnid = options.warnid
			this.worktype = options.worktype
			console.log('options', options)
			console.log('options2', this.perid, this.warnid)
		},
		methods: {
			// 初始化页面宽高
			initContainer() {
				return `width: ${window.screen.width}px; height: ${window.screen.height}px;`
			}
		},
		components: {
			CorrectionDetailed: () => import('@/components/correction/CorrectionDetailed'),
			CorrectionRecords: () => import('@/components/correction/CorrectionRecords'),
			CorrectionProcessflow: () => import('@/components/correction/CorrectionProcessflow')
		}
	}
</script>

<style lang="scss" scoped>
	@import '@/static/css/flex.scss';

	.core {
		display: flex;
		flex-direction: column;
		align-items: center;
		// border: 1px solid red;
		padding-top: 4%;
		padding-bottom: 14%;
		overflow: auto;

	}
</style>